<!doctype html>
<html>
<head>
	<title>向上滑动demo</title>
<meta charset="utf-8" />
<meta name="apple-touch-fullscreen" content="YES" />
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="stylesheet" href="css/style.css">
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.js"></script>
<script type="text/javascript" src="js/main2.js" ></script>
<script type="text/javascript" src="js/funtion.js" ></script>
<style>
	.u-arrow { position: fixed; bottom: 30px; left:50%; z-index: 150; width: 80px; height: 80px; margin-left: -20px; /*background: rgba(160,160,160,0.6); border-radius: 50%;*/ }
.u-arrow p { position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -25px; width: 50px; height: 28px; background-position: 0 -82px;
	-webkit-animation: start 1.5s infinite ease-in-out;
	   -moz-animation: start 1.5s infinite ease-in-out;
	        animation: start 1.5s infinite ease-in-out;
}
</style>
</head>
<body>
	<!--加载提示-->
	<section class="u-alert">
		<img style='display:none;' src="http://www.hoolo.tv/m/7.5/template/20/res/img/loading_large.gif" />
	</section>
	<!-- 箭头指示 -->
	<section class='u-arrow f-hide'><p class="css_sprite01"></p></section>
<canvas id="myCanvas" width="100%" height="100%"></canvas>

</body>
</html>